@charset "utf-8";
body{color: #333;font-family:"tahoma,arial","Microsoft YaHei","微软雅黑";font-size:13px;    min-width: 1200px;}
*{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: 400;}
ul,ol,li,dl,dd,dt{list-style:none;}
a{text-decoration: none;color:#333;}
a:hover{text-decoration: none;color:#c70402;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
.m{width:1200px;margin:0 auto;}
.pt{padding-top:15px;}
.pb{padding-bottom:15px;}
.ml{width:250px;}
.mr{width:920px;}
.proinfo{text-align:center;line-height:25px;font-size:14px;}
.prolist li{width:306px;float:left;text-align:center;margin:15px 0px;line-height:30px;}
.fenye{height:30px;line-height:30px;text-align:center}
.mlname{height:40px;line-height:40px;text-align:center;color:#fff;background:#0094d3;font-size:20px;font-weight:bold;}
.ml h2{background:url(../images/leftclass.gif) no-repeat 5px center;height:35px;line-height:35px;text-align:left;text-indent:17px;border-bottom:1px dotted #DDDDDD;width:210px;margin:0 auto;}
.ml h2 a{font-size:15px;}
.ml img{margin-top:2px;}
.mllxfs{height:35px;line-height:35px;background:#E0E0E0;margin-top:15px;text-align:center;font-size:16px;font-weight:bold;color:#333;}
.ml p{line-height:25px;padding:5px;}
.mr h1{text-align:center;height:45px;line-height:45px;font-size:16px;font-weight:bold;}
.mr .data{color:#A6A6A6;text-align:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #C8C8C8;}
.proimg{width:550px;}
.pro{width:350px;}
.pro strong{color:#004BFC}
.xg{padding-top:10px;margin-top:10px;border-top:1px solid #C8C8C8;}
.xg li{width:230px;float:left;text-align:center;}
.xgname{font-size:16px;font-weight:bold;padding-top:20px;color:#004BFC;}
.content{padding:5px;line-height:25px;}
.subclass{height:35px;line-height:35px;border-bottom:2px solid #0094d3;}
.subclass strong{font-size:16px;color:#04a6d7;float:left;}
.subclass span{float:right;margin-right:5px;}
.iproduct{width:1200px;margin:0 auto;padding-top:20px;margin-bottom:15px;}
.iproductclass ul{padding:20px 0 20px 0;text-align:center;}
.iproductclass .aspan{background:#005195;color:#fff;}
.iproductclass ul li{line-height:38px;display:inline-block;}
.iproductclass ul li a{padding:0 10px;}
.iproductclass ul li a:hover{color:#fff;}
.iproductclass ul li span{padding:5px;font-size:13px;font-weight:bold;color:#000;}
.iproductlist ul li{width:300px;float:left;text-align:center;line-height:35px;}
.newslist{padding:10px;line-height:22px;}
.newslist li{border-bottom:1px dashed #CBCBCB;padding-bottom:10px;margin-bottom:10px;}
.newslist a{font-size:16px;font-weight:bold;color:#333}
.newsinfo{padding:5px;line-height:25px;}
.newsinfo img{max-width:100%;height:auto}
.danye{padding:5px;line-height:25px;}
.ndata{color:#ADADAD}
.newslist a:hover{color:#00BAFD;}
.head{width:1200px;margin:0 auto;height:150px;}
.head strong{font-size:36px;color:#000;}
.head h1,.head h3{font-size:12px;color:#686868;padding-top:38px;}
.logo{width:77px;padding-top:24px;padding-right:18px;}
.hl{width:984px;background:url(../images/headbg.jpg) no-repeat 480px 20px;}
.hr{width:186px;margin-top:35px;}
.hr .rx{font-weight:bold; text-align: left;color:#000;font-size:18px;background:url(../images/phone.png) no-repeat left center; background-size:contain;padding-left:30px;} 
.hr .tel{font-size:24px;color:#ff8400;text-align:left}
.nav{height:60px;background:url(../images/navbg.gif) repeat-x;}
.nav a{display:block;width:109px;line-height:60px;height:60px;text-align:center;color:#fff;float:left;font-size:15px;}
.nav a:hover{background:#FFD600;color:#333}
.nav .current1{background:#FFD600;color:#333}
.banner{background:#f5f5f5;}
.iabout{margin-bottom:15px;overflow:hidden;}
.iaboutimg{width:380px;padding:0; overflow:hidden;text-align:left;}
.iaboutimg img{width:310px;}
.icf{padding-top:15px;}
.iaboutinfo{width:1200px;}
.iaboutname{line-height:60px;}
.iaboutname strong{font-size:16px;color:#0c8ccd;}
.iaboutname span{color:#676767;font-weight:bold;}
.iaboutinfo p{line-height:38px;font-size:14px;}
.icfname{height:26px;line-height:26px;margin:25px 0 15px ;border-bottom:1px solid #e4e4e4;font-size:16px;color:#009fd3;font-weight:bold;}
.icf ul{padding-top:5px;}
.icf ul li{width:285px;float:left;text-align:center;}
.inews{background:#f6f6f6;padding:40px 0;}
.inewslist{width:590px;}
.inewslist a{float:left;text-indent:10px;}
.inewslist span{float:right;margin-right:10px;}
.inewsname{line-height:48px;height:48px;background:url(../images/newsline.gif) no-repeat left bottom;font-size:16px;font-weight:bold;color:#009fd3;}
.inewsname span{float:right;font-size:12px;font-weight:normal;}
.inewslist ul{padding-top:20px;}
.inewslist ul li{height:35px;line-height:35px;border-bottom:1px dashed #D3D3D3;}
.foot{background:url(../images/footbg.gif) repeat-x;color:#fff;text-align:center;line-height:22px;padding-top:30px;}
.foot a{color:#fff;}
.schj{width:1200px;}
.advantage{line-height: 60px;height: 150px;color: white;font-size: 2em;text-align: center;background: url(/templates/main/images/navbg.gif) repeat-x;background-size: cover;padding-top: 15px;}
.google-auto-placed{text-align:center !important;}
/*-----------------------------------------*/
.scrollleft{width:1200px; height:165px; margin:0 auto;}
.scrollleft li{float:left;margin-right:7px;display:inline;width:160px;text-align:center;line-height:25px}
.scrollleft img{border:solid 5px #d6d8d5;}
.fn-clear{zoom: 1;}
.box_skitter{position: relative; background: none;}
.box_skitter ul{display: none;}
.box_skitter .container_skitter{overflow: hidden; position: relative;}
.box_skitter .image{overflow: hidden;}
.box_skitter .image img{}
.box_skitter .box_clone{position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20;}
.box_skitter .box_clone img{position: absolute; top: 0; left: 0; z-index: 20;}
.box_skitter .prev_button{position: absolute; top: 50%; left: 5px; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(../images/prev.png) no-repeat left top}
.box_skitter .next_button{position: absolute; top: 50%; right: 5px; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background:url(../images/next.png) no-repeat left top;}
.box_skitter .label_skitter{z-index: 150; position: absolute; display: none;}
.loading{position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; width: 31px; height: 31px;background:url(../images/ajax-loader.gif) no-repeat left top;}
#slideshow{width: 1200px; height: 280px;}
#slideshow ul{display: none;}
.bm{margin-top:1px; padding-left:10px; padding-right:10px; background:#fff;}
/*banner*/
#bannercontent{position:relative;height:368px;z-index:9;overflow:hidden;width: 100%;margin: 0px auto;}
#bannercontent .inner{position: relative; margin: 0px auto; z-index: 999999;width: 100%;}
#bannerlist{height:368px;overflow:hidden;position:relative;}
#bannerlist li{height:368px;position:absolute;left:0px;top:0px;width:100%;}
#bannerlist a{display:block;background-repeat:no-repeat;background-position:center 0px;height:368px;}
#bannermenus{top: -30px; right: 50%; position: absolute; z-index: 9999;}
#bannermenus li{background-color: White; font-size: 14px; font-family: Arial; cursor: pointer; margin: 0px 0px 0px 6px; text-align: center; line-height: 18px; width: 38px; height: 5px; float: left;}
#bannermenus .current{color: White; background-color: #E30000;}
#bannermenus li span{margin:0px 0px 0px 5px;width:18px;height:18px;color:#4e4e4e}
#bannermenus .currentb{color:White; background-color:#e67515;}
#bannermenus .currentb span{margin:0px 0px 0px 5px;width:18px;height:18px;color:#ffffff}
#bannercontent .smallbanner{overflow:hidden;position:absolute;right:0px;top:-385px;background-color:#B4B0AD;}
#bannercontent .smallbanner ul{margin:-1px 0px 0px 0px;}
#bannercontent .smallbanner li{cursor:pointer;width:180px;height:122px;border-top:solid 1px #F0C6C7;position:relative;}
#bannercontent .smallbanner img{width:180px;height:122px;}
#bannercontent .smallbanner .bg{display:block;position:absolute;left:0px;top:0px;background-color:Black;width:180px;height:122px;opacity:0.40;-moz-opacity:0.4;filter:Alpha(Opacity=40);}
#bannercontent .smallbanner .currentb .bg{display:none;}
#bannercontent .smallbanner .currenthover .bg{display:block;}
#demo{overflow:hidden;width:1200px; height:212px;text-align:center;}

.wrap{display:block;overflow:hidden;}
.section_advtage{width:85%; margin:10px auto;}
.span-3{width:25%;float:left;}
.span-4{width:33%;float:left;}
.span-12{width:100%;float:left;}
.span-12,.span-4,.span-3{line-height:30px;}
.hot-news, .hot-Cases { text-align: left; }
.hot-indNav { position: relative; overflow: hidden; height: 70px; background: url(../images/bgnav.png) bottom repeat-x; }
    .hot-indNav i { display: inline-block; width: 108px; height: 69px; border-bottom: 4px solid #080c51; text-align: center; font-size: 16px; line-height: 100px; }
.btnMore2 { position: absolute; top: 45px; right: 0; display: block; padding-right: 18px; height: 20px; background: url(../images/More.png) right center no-repeat; color: #999; font-size: 12px; line-height: 20px; }
    .btnMore2:hover { color: #dd1721; }
.hot-dcNews1 { float: left; display: block; overflow: hidden; margin: 20px 0; width: 50%; }
    .hot-dcNews1 img { float: left; display: inline-block; margin-right: 13px; width: 165px; height: 105px; }
    .hot-dcNews1 span { float: left; width: 380px; }
    .hot-dcNews1 h6 { margin: 5px 0; color: #999; font-weight: 400; font-size: 12px; }
    .hot-dcNews1 h4 { overflow: hidden; margin: 5px 0; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; color: #333; }
    .hot-dcNews1 h5 { color: #999; font-weight: 400; font-size: 12px; line-height: 20px; }
.hot-dcNews2 { overflow: hidden; width: 100%; }
    .hot-dcNews2 a { float: left; display: block; overflow: hidden; padding: 7px 0 7px 10px; width: 48%; border-bottom: 1px dotted #dedede; font-size: 13px; line-height: 25px; color: #333; }
        .hot-dcNews2 a span { float: right; color: #999; font-size: 12px; }
.hot-dcTjxmList { overflow: hidden; margin: 20px 0 0; }
    .hot-dcTjxmList a { position: relative; float: left; display: inline-block; height: auto; background: #f0f0f0; margin: 0 1%; width: 18%; }
        .hot-dcTjxmList a:hover { background: #d2d2d2; }
        .hot-dcTjxmList a div { overflow: hidden; width: 100%; height: auto; text-align: center; }
            .hot-dcTjxmList a div img { max-width: 100%; height: auto; transition: transform 1.5s;height:160px; }
        .hot-dcTjxmList a h5 { margin: 0 15px 8px; border-bottom: 1px solid #d8d8d8; font-size: 15px; line-height: 25px; text-align: center; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
        .hot-dcTjxmList a:hover div img { transform: scale(1.2); }
        .hot-dcTjxmList a:hover h5 { border-bottom: 1px solid #fff; }
		
.youshi{overflow: hidden;border-top: 3px solid #4b99ec;padding: 30px 0 50px;}
.ystitle{margin: 20px auto 55px; font-size: 25px;text-align: center;color: #0d62be;font-weight: bold;}
.ystitle span{color: black;font-size: 20px;}
.yscont{display: block; position: relative;height: 360px;width: 1200px;}
.yslist{position:absolute;width: 100%;height: 100%;left: 0;top: 0;}
.yslist>div{width: 427px;height: 130px;position: absolute;z-index: 9;}
.yslist .ys1{left: 0; top: 0;}
.yslist .ys2{left: 0; bottom: 0;}
.yslist .ys3{right: 0;top:0;text-align: right;}
.yslist .ys4{right: 0;bottom: 0;text-align: right;}
.yscont img{position: absolute;left: 50%;transform: translateX(-50%);height: 360px;width: 360px;}
.yslist b{padding-left: 76px;float: left;font-size: 15px;color: #333;line-height: 30px;}
.yslist h3{ position: relative; padding-left: 76px; color: #000; font-weight: 700;font-size:18px }
.yslist h3:before { position: absolute; top: 7px; left: 0; width: 58px; height: 58px; background: url("../images/advtange_bg.png") no-repeat; color: #fff; text-align: center; font-weight: bolder; font-size: 36px; line-height: 58px; }
.yslist .ys1 h3:before { content: '01'; }
.yslist .ys2 h3:before { content: '02'; }
.yslist .ys3 h3:before { content: '03'; right: 0; left: inherit;}
.yslist .ys4 h3:before { content: '04'; right: 0; left: inherit;}
.yslist .ys3 h3,.yslist .ys4 h3{padding-right: 76px;}
.yslist .ys3 b,.yslist .ys4 b{padding:0;padding-right: 76px;}